<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>每日国学</title>
    <link rel="shortcut icon" href="favicon.ico">
    <link href="css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">
    <link href="css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">
    <link href="css/animate.min.css" rel="stylesheet">
    <link href="css/style.min862f.css?v=4.1.0" rel="stylesheet">
</head>
<style>
    .scroll-x{background-color: #fff;padding-top:7px;padding-bottom:7px;white-space: nowrap;overflow-x: scroll;}
    .mar-btn{display:inline-block; margin-right:30px;}
    .scroll-x::-webkit-scrollbar{display:none;}
    .ten-a{text-decoration:none;out-line: none;color: #232323;}
    .len-men{width:28%;border-radius: 50%;margin-top:-28%;margin-left:1%;}
    .len-mei{width:99%;position:relative;}
    .len-mey{margin-top:-19%; left:32%;position:absolute;color: #fff;}
    .len-meb{float: right;margin-top:-10px;font-size:10px;}
    .len-mez-y{position:absolute;padding:1px 5px;border: 1px solid #cbc7c7; top:6px;right:6px;background-color: #fff;border-radius:15%}
</style>
<body style="background-color: #ececec">
<div class="container">
    <div class="row" style="background-color:#fff;height:50px;padding-top:16px;text-align: center">
        <div class="col-xs-4">
            <a href="" class="ten-a"><span>三字经</span></a>
        </div>
        <div class="col-xs-4">
            <a href="" class="ten-a"><span>子弟归</span></a>
        </div>
        <div class="col-xs-4">
            <a href="" class="ten-a"><span>唐诗三百首</span></a>
        </div>
    </div>
</div>

<div class="container">
    <div class="row">
        <div class="col-xs-12">
            <span style="float: left;padding-top:27px;">第一篇</span>
            <span style="float: right"><img src="imgs/026.jpg" alt="" style="width: 45px;"></span>
        </div>
    </div>
</div>

<div class="container">
    <div class="row">
        <div class="col-xs-4" style="padding: 0px;">
            <a href="#"><img src="imgs/2qq.jpg" alt="" class="len-mei"></a>
            <img src="imgs/236.jpg" alt="" class="len-men">
            <span class="len-mey">张老师</span>
            <div class="len-meb"><span>热度:200</span>&nbsp;&nbsp;<span>获赞:200</span></div>
        </div>
        <div class="col-xs-4" style="padding: 0px;">
            <a href="#"><img src="imgs/2qq.jpg" alt="" style="width:99%;"></a>
            <img src="imgs/236.jpg" alt="" class="len-men">
            <span class="len-mey">张老师</span>
            <div class="len-meb"><span>热度:200</span>&nbsp;&nbsp;<span>获赞:200</span></div>
        </div>
        <div class="col-xs-4" style="padding: 0px;">
            <a href="#"><img src="imgs/2qq.jpg" alt="" style="width:99%;"></a>
            <img src="imgs/236.jpg" alt="" class="len-men">
            <span class="len-mey">张老师</span>
            <div class="len-meb"><span>热度:200</span>&nbsp;&nbsp;<span>获赞:200</span></div>
        </div>
        <div class="col-xs-4" style="padding: 0px;">
            <a href="#"><img src="imgs/2qq.jpg" alt="" style="width:99%;"></a>
            <img src="imgs/236.jpg" alt="" class="len-men">
            <span class="len-mey">张老师</span>
            <div class="len-meb"><span>热度:200</span>&nbsp;&nbsp;<span>获赞:200</span></div>
            <span class="len-mez-y">8</span>
        </div>
    </div>
</div>
<div class="container">
    <div class="row">
        <div class="col-xs-12">
            <span style="float: left;padding-top:27px;">第二篇</span>
        </div>
    </div>
</div>
<div class="container">
    <div class="row">
        <div class="col-xs-4" style="padding: 0px;">
            <a href="#"><img src="imgs/2qq.jpg" alt="" class="len-mei"></a>
            <img src="imgs/236.jpg" alt="" class="len-men">
            <span class="len-mey">张老师</span>
            <div class="len-meb"><span>热度:200</span>&nbsp;&nbsp;<span>获赞:200</span></div>
        </div>
        <div class="col-xs-4" style="padding: 0px;">
            <a href="#"><img src="imgs/2qq.jpg" alt="" style="width:99%;"></a>
            <img src="imgs/236.jpg" alt="" class="len-men">
            <span class="len-mey">张老师</span>
            <div class="len-meb"><span>热度:200</span>&nbsp;&nbsp;<span>获赞:200</span></div>
        </div>
        <div class="col-xs-4" style="padding: 0px;">
            <a href="#"><img src="imgs/2qq.jpg" alt="" style="width:99%;"></a>
            <img src="imgs/236.jpg" alt="" class="len-men">
            <span class="len-mey">张老师</span>
            <div class="len-meb"><span>热度:200</span>&nbsp;&nbsp;<span>获赞:200</span></div>
        </div>
        <div class="col-xs-4" style="padding: 0px;">
            <a href="#"><img src="imgs/2qq.jpg" alt="" style="width:99%;"></a>
            <img src="imgs/236.jpg" alt="" class="len-men">
            <span class="len-mey">张老师</span>
            <div class="len-meb"><span>热度:200</span>&nbsp;&nbsp;<span>获赞:200</span></div>
            <span class="len-mez-y">8</span>
        </div>
    </div>
</div>
<div class="container">
    <div class="row">
        <div class="col-xs-12">
            <span style="float: left;padding-top:27px;">第三篇</span>
        </div>
    </div>
</div>
<div class="container">
    <div class="row">
        <div class="col-xs-4" style="padding: 0px;">
            <a href="#"><img src="imgs/2qq.jpg" alt="" class="len-mei"></a>
            <img src="imgs/236.jpg" alt="" class="len-men">
            <span class="len-mey">张老师</span>
            <div class="len-meb"><span>热度:200</span>&nbsp;&nbsp;<span>获赞:200</span></div>
        </div>
        <div class="col-xs-4" style="padding: 0px;">
            <a href="#"><img src="imgs/2qq.jpg" alt="" style="width:99%;"></a>
            <img src="imgs/236.jpg" alt="" class="len-men">
            <span class="len-mey">张老师</span>
            <div class="len-meb"><span>热度:200</span>&nbsp;&nbsp;<span>获赞:200</span></div>
        </div>
        <div class="col-xs-4" style="padding: 0px;">
            <a href="#"><img src="imgs/2qq.jpg" alt="" style="width:99%;"></a>
            <img src="imgs/236.jpg" alt="" class="len-men">
            <span class="len-mey">张老师</span>
            <div class="len-meb"><span>热度:200</span>&nbsp;&nbsp;<span>获赞:200</span></div>
        </div>
        <div class="col-xs-4" style="padding: 0px;">
            <a href="#"><img src="imgs/2qq.jpg" alt="" style="width:99%;"></a>
            <img src="imgs/236.jpg" alt="" class="len-men">
            <span class="len-mey">张老师</span>
            <div class="len-meb"><span>热度:200</span>&nbsp;&nbsp;<span>获赞:200</span></div>
            <span class="len-mez-y">8</span>
        </div>
    </div>
</div>
<div class="container">
    <div class="row">
        <div class="col-xs-12">
            <span style="float: left;padding-top:27px;">第四篇</span>
        </div>
    </div>
</div>
<div class="container">
    <div class="row">
        <div class="col-xs-4" style="padding: 0px;">
            <a href="#"><img src="imgs/2qq.jpg" alt="" class="len-mei"></a>
            <img src="imgs/236.jpg" alt="" class="len-men">
            <span class="len-mey">张老师</span>
            <div class="len-meb"><span>热度:200</span>&nbsp;&nbsp;<span>获赞:200</span></div>
        </div>
        <div class="col-xs-4" style="padding: 0px;">
            <a href="#"><img src="imgs/2qq.jpg" alt="" style="width:99%;"></a>
            <img src="imgs/236.jpg" alt="" class="len-men">
            <span class="len-mey">张老师</span>
            <div class="len-meb"><span>热度:200</span>&nbsp;&nbsp;<span>获赞:200</span></div>
        </div>
        <div class="col-xs-4" style="padding: 0px;">
            <a href="#"><img src="imgs/2qq.jpg" alt="" style="width:99%;"></a>
            <img src="imgs/236.jpg" alt="" class="len-men">
            <span class="len-mey">张老师</span>
            <div class="len-meb"><span>热度:200</span>&nbsp;&nbsp;<span>获赞:200</span></div>
        </div>
        <div class="col-xs-4" style="padding: 0px;">
            <a href="#"><img src="imgs/2qq.jpg" alt="" style="width:99%;"></a>
            <img src="imgs/236.jpg" alt="" class="len-men">
            <span class="len-mey">张老师</span>
            <div class="len-meb"><span>热度:200</span>&nbsp;&nbsp;<span>获赞:200</span></div>
            <span class="len-mez-y">8</span>
        </div>
    </div>
</div>
<div class="container">
    <div class="row">
        <div class="col-xs-12">
            <span style="float: left;padding-top:27px;">第五篇</span>
        </div>
    </div>
</div>
<div class="container">
    <div class="row">
        <div class="col-xs-4" style="padding: 0px;">
            <a href="#"><img src="imgs/2qq.jpg" alt="" class="len-mei"></a>
            <img src="imgs/236.jpg" alt="" class="len-men">
            <span class="len-mey">张老师</span>
            <div class="len-meb"><span>热度:200</span>&nbsp;&nbsp;<span>获赞:200</span></div>
        </div>
        <div class="col-xs-4" style="padding: 0px;">
            <a href="#"><img src="imgs/2qq.jpg" alt="" style="width:99%;"></a>
            <img src="imgs/236.jpg" alt="" class="len-men">
            <span class="len-mey">张老师</span>
            <div class="len-meb"><span>热度:200</span>&nbsp;&nbsp;<span>获赞:200</span></div>
        </div>
        <div class="col-xs-4" style="padding: 0px;">
            <a href="#"><img src="imgs/2qq.jpg" alt="" style="width:99%;"></a>
            <img src="imgs/236.jpg" alt="" class="len-men">
            <span class="len-mey">张老师</span>
            <div class="len-meb"><span>热度:200</span>&nbsp;&nbsp;<span>获赞:200</span></div>
        </div>
        <div class="col-xs-4" style="padding: 0px;">
            <a href="#"><img src="imgs/2qq.jpg" alt="" style="width:99%;"></a>
            <img src="imgs/236.jpg" alt="" class="len-men">
            <span class="len-mey">张老师</span>
            <div class="len-meb"><span>热度:200</span>&nbsp;&nbsp;<span>获赞:200</span></div>
            <span class="len-mez-y">8</span>
        </div>
    </div>
</div>
<div class="container">
    <div class="row">
        <div class="col-xs-12">
            <span style="float: left;padding-top:27px;">第六篇</span>
        </div>
    </div>
</div>
<div class="container">
    <div class="row">
        <div class="col-xs-4" style="padding: 0px;">
            <a href="#"><img src="imgs/2qq.jpg" alt="" class="len-mei"></a>
            <img src="imgs/236.jpg" alt="" class="len-men">
            <span class="len-mey">张老师</span>
            <div class="len-meb"><span>热度:200</span>&nbsp;&nbsp;<span>获赞:200</span></div>
        </div>
        <div class="col-xs-4" style="padding: 0px;">
            <a href="#"><img src="imgs/2qq.jpg" alt="" style="width:99%;"></a>
            <img src="imgs/236.jpg" alt="" class="len-men">
            <span class="len-mey">张老师</span>
            <div class="len-meb"><span>热度:200</span>&nbsp;&nbsp;<span>获赞:200</span></div>
        </div>
        <div class="col-xs-4" style="padding: 0px;">
            <a href="#"><img src="imgs/2qq.jpg" alt="" style="width:99%;"></a>
            <img src="imgs/236.jpg" alt="" class="len-men">
            <span class="len-mey">张老师</span>
            <div class="len-meb"><span>热度:200</span>&nbsp;&nbsp;<span>获赞:200</span></div>
        </div>
        <div class="col-xs-4" style="padding: 0px;">
            <a href="#"><img src="imgs/2qq.jpg" alt="" style="width:99%;"></a>
            <img src="imgs/236.jpg" alt="" class="len-men">
            <span class="len-mey">张老师</span>
            <div class="len-meb"><span>热度:200</span>&nbsp;&nbsp;<span>获赞:200</span></div>
            <span class="len-mez-y">8</span>
        </div>
    </div>
</div>


</body>
</html>
